<!DOCTYPE html>
<head>
    <title>Formtest</title>
</head>
<style>


    .name{
        width: 100px;
    }
    table,input,#xia1,#xia2{
        border: 1px black solid;
    }
    #form{
        display: flex;
        align-items: center;
    }


</style>
<body>
    <div id="form">
        <div>
            <form action="#">
                <table>
                    <tr>
                        <td class="name">名称：</td>
                        <td class="inputer"><input type="text" placeholder="请输入姓名"></td>
                    </tr>
                    <tr>
                        <td class="name">密码设置:</td>
                        <td class="inputer"><input type="password" placeholder="请输入密码"></td>
                    </tr>
                    <tr>
                        <td class="name">性别：</td>
                        <td class="inputer">男<input type="radio" name="sex" value="男" checked="checked">女<input type="radio" name="sex" value="女"></td>
                    </tr>
                    <tr>
                        <td class="name">生日：</td>
                        <td class="inputer"><input type="date"></td>
                    </tr>
                    <tr>
                        <td class="name">电话号码：</td>
                        <td class="inputer"><input type="tel" placeholder="请输入联系电话"></td>
                    </tr>
                    <tr>
                        <td class="name">邮箱：</td>
                        <td class="inputer"><input type="text" placeholder="请输入邮箱"></td>
                    </tr>
                    <tr>
                        <td class="name">兴趣爱好：</td>
                        <td class="inputer"><input type="checkbox" name="habby">运动<input type="checkbox" name="habby">卖买面<input type="checkbox" name="habby">玩游戏</td>
                    </tr>
                    <tr>
                        <td class="name">学历：</td>
                        <td class="inputer"><select name="stu" id="xia1">
                            <option value="--请选择--" selected>--请选择--</option>
                            <option value="高中">高中</option>
                            <option value="大学">大学</option>
                            <option value="小学">小学</option>
                        </select></td>
                    </tr>
                    <tr>
                        <td class="name">自我介绍：</td>
                        <td class="inputer"><textarea name="myself" id="xia2" cols="30" rows="10"></textarea></td>
                    </tr>
                    <tr><td><input type="submit" value="提交"><input type="reset" value="重置"></tr></tr>
                </table>
            </form>
        </div>
    </div>
</body>